<!-- 远程会诊监控 -->
<template>
<div class="remote-consultation-wp">
  <el-form ref="form" :inline="true" :model="form" size="small" class="this-form">
    <el-form-item label="选择月份：">
      <el-date-picker
        v-model="form.time"
        type="month"
        range-separator="至"
        placeholder="选择月"
        value-format="yyyy-MM"
        :clearable="false">
      </el-date-picker>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="search">查询</el-button>
    </el-form-item>
  </el-form>

  <div class="hz-box c-flex c-col-center c-row-center">
    <img src="~@h/assets/image/ychz.png"/>
    <div class="text-box">
      <div class="t1">远程会诊完成量：31次</div>
      <div class="t2">考核标准：15次/月</div>
      <div class="t3">上年同期完成量：15次</div>
    </div>
  </div>

  <div class="table-box">
    <el-row :gutter="40">
      <el-col :span="12">
        <data-table title="发起会诊"></data-table>
      </el-col>
      <el-col :span="12">
        <data-table title="接收会诊"></data-table>
      </el-col>
    </el-row>
  </div>
    

</div>
</template>
<script>

import dataTable from "./modules/data-table.vue";

export default {
  name: 'remote-consultation',
  components: {
    dataTable
  },
  data () {
    return {
      form: {
        time: new Date()
      },

    }
  },
  mounted () {

  },
  methods: {
    search () {

    },
  }
}
</script>
<style lang="scss" scoped>
.remote-consultation-wp {
  .this-form {
    padding: 0 0 22px;
  }

  .hz-box {
    padding: 40px 0;
    img {
      margin-right: 30px;
    }
    .text-box {
      line-height: 30px;
      color: #999999;
    }
    .t1 {
      margin-bottom: 6px;
      font-size: 20px;
      color: #000;
    }
  }
  .table-box {
    overflow: hidden;
  }
}
</style>